.flex-J-SB {
  display: flex;
  justify-content: space-between;
}
.flex-J-SA {
  display: flex;
  justify-content: space-around;
}
.flex-A-C {
  display: flex;
  align-items: center;
  align-content: center;
}
.info-layout {
  display: grid;
  grid-template-columns: auto 1fr 1fr;
  align-items: center;
  gap: var(--gap-mini);
  & > * {
    &:nth-child(1) {
      justify-self: start !important;
    }
    &:last-child {
      justify-self: end;
    }
  }
}

.auto-mt {
  & > * + * {
    margin-top: var(--gap-mini);
  }
}
.auto-ml {
  & > * + * {
    margin-left: var(--gap-mini);
  }
}
/* 文字单行省略号 */
.T-omit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 文字多行省略号 */
.T-omit-many {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
}

/* 文字多了自動換行 */
.T-break {
  word-break: break-all;
  word-wrap: break-word;
}

/* 滚动条 */
::-webkit-scrollbar {
  width: 0rem;
  height: 0rem;
}
::-webkit-scrollbar-thumb {
  background-color: #d3d3d3;
  border-radius: 999rem;
  box-shadow: inset 0 0 0 white;
}
input {
  border: none;
  background: none;
  outline: none;
}
//解决阿里图标失效的问题
[class*="icon-"] {
  font-family: "iconfont";
  font-size: 1.5em;
  vertical-align: -0.09em;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s ease;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
/* 外边距、内边距全局样式 */
.padl(100);
.padl(@n, @i: 0) when (@i =< @n) {
  .pl@{i} {
    padding-left: 0pt + @i;
  }
  .pr@{i} {
    padding-right: 0pt + @i;
  }
  .pt@{i} {
    padding-top: 0pt + @i;
  }
  .pb@{i} {
    padding-bottom: 0pt + @i;
  }
  .ml@{i} {
    margin-left: 0pt + @i;
  }
  .mr@{i} {
    margin-right: 0pt + @i;
  }
  .mt@{i} {
    margin-top: 0pt + @i;
  }
  .mb@{i} {
    margin-bottom: 0pt + @i;
  }
  .padl(@n, (@i+1));
}
